<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body,p,h2{margin:0; font-size:14px; font-family:"宋体,Airal"}
ul{margin:0; padding:0; list-style:none;}
a{text-decoration:none;}
img{border:none; vertical-align:top;}
strong{font:normal 14px/14px "宋体"; color:#3d3d3d;}
span{font-size:12px; color:#b6b6b6;}
p{background:url(img6/nameBg.gif) no-repeat right 9px;}
.wrap{width:1000px; height:450px; padding:3px;}
.box{width:140px; height:403px; padding:14px 11px 0 10px; border:1px solid #dddddd; border-top:3px solid #abe27d; float:left}
.box .head{height:28px; font-size:16px; color:#7ca942; text-align:center;}
.box .pic{}
.pic img{padding:1px; border:1px solid #dedee0;}
.pic p{height:25px;padding-top:5px;}     /* p是块元素，不用display */
.box .text{margin-top:5px; padding-top:8px; border-top:1px dashed #dddddd;}
.text li{padding-top:4px;}
.text a{line-height:22px;}
.text span{line-height:20px;}
</style>
</head>
<body>
<div class="wrap">
  <div class="box">
    <h2 class="head">热门大片</h2>
    <ul class="pic">
      <li>
        <a href="#">
          <img src="img6/pic1.jpg">
          <p><strong>记忆的倒影</strong><span>(480P)</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img6/pic2.jpg">
          <p><strong>酒徒</strong><span>(720P)</span></p>
        </a>
      </li>
    </ul>
    <ul class="text">
      <li>
        <a href="#"><strong>幸福额度</strong></a>
        <span>（720P）<br>3男抢2个林志玲</span>
      </li>
      <li>
        <a href="#"><strong>假如没有你</strong></a>
        <span>（720P）<br>中国版阿甘正传</span>
      </li>
    </ul>    
  </div>
  <div class="box">
    <h2 class="head">热门大片</h2>
    <ul class="pic">
      <li>
        <a href="#">
          <img src="img6/pic1.jpg">
          <p><strong>记忆的倒影</strong><span>(480P)</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img6/pic2.jpg">
          <p><strong>酒徒</strong><span>(720P)</span></p>
        </a>
      </li>
    </ul>
    <ul class="text">
      <li>
        <a href="#"><strong>幸福额度</strong></a>
        <span>（720P）<br>3男抢2个林志玲</span>
      </li>
      <li>
        <a href="#"><strong>假如没有你</strong></a>
        <span>（720P）<br>中国版阿甘正传</span>
      </li>
    </ul>    
  </div>
  <div class="box">
    <h2 class="head">热门大片</h2>
    <ul class="pic">
      <li>
        <a href="#">
          <img src="img6/pic1.jpg">
          <p><strong>记忆的倒影</strong><span>(480P)</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img6/pic2.jpg">
          <p><strong>酒徒</strong><span>(720P)</span></p>
        </a>
      </li>
    </ul>
    <ul class="text">
      <li>
        <a href="#"><strong>幸福额度</strong></a>
        <span>（720P）<br>3男抢2个林志玲</span>
      </li>
      <li>
        <a href="#"><strong>假如没有你</strong></a>
        <span>（720P）<br>中国版阿甘正传</span>
      </li>
    </ul>    
  </div>
  <div class="box">
    <h2 class="head">热门大片</h2>
    <ul class="pic">
      <li>
        <a href="#">
          <img src="img6/pic1.jpg">
          <p><strong>记忆的倒影</strong><span>(480P)</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img6/pic2.jpg">
          <p><strong>酒徒</strong><span>(720P)</span></p>
        </a>
      </li>
    </ul>
    <ul class="text">
      <li>
        <a href="#"><strong>幸福额度</strong></a>
        <span>（720P）<br>3男抢2个林志玲</span>
      </li>
      <li>
        <a href="#"><strong>假如没有你</strong></a>
        <span>（720P）<br>中国版阿甘正传</span>
      </li>
    </ul>    
  </div>
  <div class="box">
    <h2 class="head">热门大片</h2>
    <ul class="pic">
      <li>
        <a href="#">
          <img src="img6/pic1.jpg">
          <p><strong>记忆的倒影</strong><span>(480P)</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img6/pic2.jpg">
          <p><strong>酒徒</strong><span>(720P)</span></p>
        </a>
      </li>
    </ul>
    <ul class="text">
      <li>
        <a href="#"><strong>幸福额度</strong></a>
        <span>（720P）<br>3男抢2个林志玲</span>
      </li>
      <li>
        <a href="#"><strong>假如没有你</strong></a>
        <span>（720P）<br>中国版阿甘正传</span>
      </li>
    </ul>    
  </div>
  <div class="box">
    <h2 class="head">热门大片</h2>
    <ul class="pic">
      <li>
        <a href="#">
          <img src="img6/pic1.jpg">
          <p><strong>记忆的倒影</strong><span>(480P)</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img6/pic2.jpg">
          <p><strong>酒徒</strong><span>(720P)</span></p>
        </a>
      </li>
    </ul>
    <ul class="text">
      <li>
        <a href="#"><strong>幸福额度</strong></a>
        <span>（720P）<br>3男抢2个林志玲</span>
      </li>
      <li>
        <a href="#"><strong>假如没有你</strong></a>
        <span>（720P）<br>中国版阿甘正传</span>
      </li>
    </ul>    
  </div>
</div>
</body>
</html>
